//  Copyright (c) 2018-present, Cruise LLC
//
//  This source code is licensed under the Apache License, Version 2.0,
//  found in the LICENSE file in the root directory of this source tree.
//  You may not use this file except in compliance with the License.

@import "~webviz-core/src/styles/colors.module.scss";

.tabBar {
  .tab {
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    &.selected {
      border-bottom: 2px solid $text-normal;
    }
  }

  .spaceSeparator {
    flex-grow: 1;
    min-width: 24px;
  }
}

.tabBody {
  background-color: $dark;
  padding: 4px 12px 12px 12px;
}
